<template>
  	<view class="notice-list" v-if="rang">
        <view class="notice-item" v-for="(item,index) in rang" :key="index">
            <view class="font-bold font-size-16">
                {{item.title}}
            </view>
            <view class="msg font-size-14 mar-t-10 font-color-666">
                {{item.content}}
            </view>
            <view class="font-size-12 font-color-A7AABB mar-t-8">
                <text>{{transformTime(item.create_time)}}</text>
            </view>
        </view>
        
    </view>
</template>

<script>

export default {
    props:['rang']

}
</script>

<style scoped>
.notice-list{
	/* padding: 10px; */
}
.notice-list .notice-item{
    margin-bottom: 5px;
	padding: 10px 20px;
	box-shadow: 1px 1px 10px 1px rgba(218, 214, 214, 0.8);
}
</style>